<template>

  <div class="toolbar" style="display: inline-block;margin-top: 15px" >
    <span style="color: #ecf5ff; font-size: medium">{{adminName}}</span>
    <el-dropdown>
      <el-icon style="color: #ecf5ff; left: 8px;margin-right: 15px; margin-top: 1px"><ArrowDownBold /></el-icon>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item @click.native="logout">Exit</el-dropdown-item>

        </el-dropdown-menu>

      </template>
    </el-dropdown>
  </div>

</template>

<script>
import router from "@/router";

export default {
  name: "AdminIndex-Header",
  data(){
    return {
      adminName:this.$cookies.get("value").adminName,
      tname:this.$cookies.get('value').tenantName
    }
  },
  methods:{
    logout(){
      router.push("/")
    }
  }
}
</script>

<style scoped>

</style>
